.banner{
	float:left;
	width:100%;
	text-align: center;
	background: #2b80d9;
}
.banner img{
	width:100%;
	height:100%;
}
.banner:hover .banner_img{
	background: rgba(0,0,0,.7);
}
/*.banner end*/
.flash{
	background: #fbfaf7;
	width:100%;
	float:left;
}
.flash_wrapper{
	width:100%;
	float:right;
	/*background: #fbfaf8;*/
	text-align: left;
	margin-top: 106px;
	background:url(../images/flash-bg.png) no-repeat right center;	
}
.flash_box{
	
}
.flash_box h2{
	font-size:48px;
	color:#0078d7;
	margin-bottom:35px;
}
.flash_box>p{
	font-size:24px;
	color:#666666;
	margin-bottom: 79px;
}
.flash_flex{
	display: flex;
	justify-content:space-between;
	width: 60%;
	flex-wrap: wrap;
}
.flash_flex .flash_content{
	flex-basis:49%;
	margin-bottom: 47px;
}
.flash_flex .flash_content .flash_img{
	float:left;
	margin-right: 12px;
}
.flash_flex .flash_content .flash_img img{
	width:100%;
	height:100%;
}
.flash_flex .flash_content h3{
	font-size:18px;
	color:#333333;
	margin-bottom:15px;
	font-weight:600;}
.flash_flex .flash_content p{
	font-size:14px;
	color:#949392;
}
/*flash end*/
.advant{
	float: left;
	width:100%;
	
}
.advant_box{
	width:100%;
	margin-top:120px;
	background: url(../images/advant-bg.png) no-repeat left 70px;
	float:left;
	background-size:30%;
	}

.advant_content{
	float:right;
	width:63%;
}
.advant_title{
	color:#97c739;
	font-size: 48px;
	margin-bottom: 42px;
}
.advant_content .list{
	margin-bottom:103px;
}
.advant_content .list li{
	height:54px;
	line-height: 54px;
	background: url(../images/advant-pic1.png) no-repeat left center;
	text-indent: 70px;
	margin-bottom:15px;
	color:#bdbdbd;
	font-size: 14px;
}
.advant_content .list li:nth-child(2){
	background: url(../images/advant-pic2.png) no-repeat left center;
}
.advant_content .list li:nth-child(3){
	background: url(../images/advant-pic3.png) no-repeat left center;
}
.advant_content .list li:nth-child(4){
	background: url(../images/advant-pic4.png) no-repeat left center;
}
/*advant end*/
.product{
	width:100%;
	background: #0079d7;
	float:left;
	text-align: center;
}
.product_box{
	margin-top: 115px;
}
.product_content h2{
	font-size:48px;
	color:#fffefe;
	margin-bottom:69px;
}
.product_flex{
	display: flex;
	justify-content:space-between;
	width: 100%;
	flex-wrap: wrap;
	
}
.product_flex .flex_box{
	flex-basis:49%;
	margin-bottom: 80px;
	display: flex;
	justify-content:space-between;
	width: 100%;
	flex-wrap: nowrap;
}
.flex_box .img{
	/*float:left;*/
	margin-right:60px;
	vertical-align:middle;
	flex-basis:40%;}
/*.flex_box .text{
	float:right;
}*/
.flex_box h3{
	font-size: 32px;
	color:#fffefe;
	text-align:left;

	
	margin-bottom: 17px;
}
.flex_box p{
	
	text-align:left!important;
	font-size:14px;
	color:#d4e1f5;	
}
/*flex end*/
.game{
	width:100%;
	float:left;
	margin-top:87px;

}
.game_title{
	margin-bottom:50px;
	display: left;
}
.game_title h2{
	font-size:35px;
	color:#ababab;
	float:left;
	margin-bottom: 81px;

}
.game_more{
	float:right;
	
}
.game_more a{
	color:#ababab;
	font-size:14px;
	height:35px;
	line-height:35px;
}
.game_title:after{
	content:"";
	width:0px;
	height:0px;
	overflow: hidden;
	display: block;
	clear:both;
}
.video video{
	margin:0;
	padding:0;
	float: left;
	width:30%;
	height: 100%	
}
.video_flex{
	padding-left:20px;
	float:right;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width:60%;
	margin-bottom: 50px;
}
.flex_box{
	flex-basis: 15%;
	margin-bottom: 30px;
	text-align:center;
}

.video:after{
	content:"";
	width:0;
	height:0;
	overflow: hidden;
	display: block;
	clear:both;
}
/*game end*/

.partner{
	width:100%;
	float:left;
	
	background: #f4f4f4;

}

.partner_title>h2{
	font-size:35px;
	color:#ababab;
	margin-bottom: 33px;
	margin-top:87px;
}
.partner_title>h2>span{
	font-size: 12px;
	color:#d9d9d9;
}
.partner_flex{
	padding-left:20px;
	float:right;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width:100%;
	margin-bottom: 40px;
}
.flex_box{
	flex-basis: 15%;
	margin-bottom: 21px;
}
























@media screen and ( max-width: 1200px){
	.flash_flex .flash_content{
	flex-basis:50%;
	margin-bottom: 47px;	
	}
	.flash_flex{	
	width:100%;	
	}
	.flash_wrapper{
	background:none;	
	}
}
@media screen and ( max-width: 585px){
	.flash_flex .flash_content{
	flex-basis:100%;	
	}
	.flash_flex{	
	width:100%;	
	}	
}
@media screen and ( max-width: 634px){
	.advant_content{

	width:100%;
	}
.advant_box{
	background:none;
	}

}
@media screen and ( max-width: 410px){
	.advant_content .list li{
		background: none;
		text-indent:0px;
	}
	.advant_content .list li:nth-child(2){
		background: none;
	}
	.advant_content .list li:nth-child(3){
		background: none;
	}
	.advant_content .list li:nth-child(4){
		background: none;
	}
}
@media screen and ( max-width: 750px){
	
	.video_flex{
		float:left;
		width:70%;
		margin-top:20px;

	}
}
@media screen and ( max-width: 490px){
	
	.game_more{
		display: none;
	}
}


